<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome</title>
<link href="tools/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="tools/dolphin.js">

/***********************************************
* Dolphin Tabs Menu- by JavaScript Kit (www.javascriptkit.com)
* Menu interface by: http://www.13styles.com/css-menus/dolphin/
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
***********************************************/

</script>
<script>
function showhide(id){
if (document.getElementById){
obj = document.getElementById(id);
if (obj.style.display == "none"){
obj.style.display = "";
} else {
obj.style.display = "none";
}
}
}
</script>
</head>

<body>
<!-- Parent div start here-->
<div class="index01b"> 
  <!-- Top section start here -->
  <div class="inbox-top-div"> 
    <!-- Top upper section start here-->
    <div class="top-upper-div"> 
      <!-- Top upper left section div start here -->
      <div class="top-upper-left"> 
        <!-- Logo div start here -->
        <div class="inner-logo-div"> <img src="images/inner-logo.png" width="400" height="95" alt="Your Company Name.com" title="Your Company Name.com" /></div>
        <!-- Logo div end here --> 
        
        <!-- Top navigation div start here -->
        <div class="top-upper-left-user"> Welcome USERNAME! </div>
        <div class="top-upper-menu">
          <ul>
            <li><a href="#" class="selected">Home</a></li>
            <li><a href="#">Inbox</a></li>
            <li><a href="#">Search</a></li>
            <li><a href="#">I'm Interested</a></li>
          </ul>
        </div>
        <!-- Top navigation div end here --> 
      </div>
      <!-- Top upper left section div end here --> 
      
      <!-- Top upper right section div start here -->
      <div class="top-upper-right"> <span><img src="images/top-user-img.gif" width="209" height="88" alt="" /></span>
        <ul>
          <li><a href="#">Help</a></li>
          <li><a href="#">My Profile</a></li>
          <li><a href="#">My Account</a></li>
          <li id="top-nav-sep"><a href="#">Logout</a></li>
        </ul>
      </div>
      <!-- Top upper right section div end here --> 
    </div>
    <!-- Top upper section end here--> 
    
    <!-- Top lower section start here-->
    <div class="top-lower-div"> 
      <!-- Top Lower Left section start here -->
      <div class="top-lower-left">
        <ul>
          <li><a href="#">Inbox</a>
            <ul>
              <li>Messages (0)</li>
              <li>Who Viewed Me? <span>1 NEW</span></li>
              <li>Who Fave'd Me?</li>
              <li>Who Flirted With Me?</li>
            </ul>
          </li>
          <li><a href="#">Search</a>
            <ul>
              <li>Search Profiles</li>
              <li>I'm Interested</li>
              <li>Username Search</li>
              <li>My Match</li>
              <li>Keyword Search <span>NEW</span></li>
            </ul>
          </li>
          <li><a href="#">Community</a>
            <ul>
              <li>Live Chat</li>
              <li>Who's Online Now</li>
              <li>Today's Birthdays</li>
            </ul>
          </li>
          <li><a href="#">Who I Like</a>
            <ul>
              <li>My Flirts</li>
              <li>My Favorites</li>
              <li>Who I Viewed</li>
            </ul>
          </li>
          <li><a href="#">What's New?</a>
            <ul>
              <li>Success Stories</li>
              <li>Dating Tips</li>
              <li>Magazine <span>NEW</span></li>
            </ul>
          </li>
        </ul>
      </div>
      <!-- Top Lower Left section end here --> 
      
      <!-- Top Lower Middle section start here -->
      <div class="top-lower-middle"> 
        <!-- Upgrade Special section start here -->
        <div class="upgrade-div">
          <div class="upgrade-div-top">
            <h3>Upgrade Special!</h3>
            <p>Upgrade now and find out who's flirted with you, send <br />
              and receive unlimited messages and much more!</p>
            <ul>
              <li>Online Check</li>
              <li>VISA</li>
              <li>Master Card</li>
              <li>American Express</li>
              <li>Discover</li>
              <li>Western Union</li>
              <li>Mail In Orders Accepted</li>
            </ul>
            <span><a href="#">UPGRADE NOW - CLICK HERE!</a></span> </div>
          <div class="upgrade-div-bottom"><img src="images/Upgrade-bottom-curve.gif" width="436" height="12" alt="" /></div>
        </div>
        <!-- Upgrade Special section end here --> 
        <!-- Profile section start here -->
        <div class="profile-div">
          <div class="profile-top"> <span>
            <h4>My Profile</h4>
            </span> <span>
            <p>Profile completeness: 5%</p>
            </span> <span><img src="images/ajax-loader.gif" width="144" height="10" alt="" /></span>
            <ul>
              <li><a href="#">View Profile</a></li>
              <li id="profile-top-image"><a href="#">Edit Profile</a></li>
            </ul>
            <p align="left"><img src="images/camera.jpg" align="right" width="87" height="65" alt="" />
            <h2>FREE - Add Your Photo</h2>
            <h3>Get 30x the views and more messages by<br />
              adding your photo today</h3>
            </p>
          </div>
          <div class="profile-bottom"><img src="images/myprofile-bottom-curve.gif" width="436" height="15" alt="" /></div>
        </div>
        <!-- Profile section end here --> 
        <!-- Member Area start here -->
        <div class="member-area-div">
          <div class="member-area-top">
          	<h3>New Members In My Area</h3>
            <div class="member-area-top-gallery">
            	<div class="gallery-div">
                <img src="images/member-img1.jpg" width="105" height="70" alt="" />
                <h5>UPLIFTINGFAITH72</h5></div>
                <div class="gallery-div">
                <img src="images/member-img2.jpg" width="105" height="70" alt="" />
                <h5>UPLIFTINGFAITH72</h5></div>
                <div class="gallery-div">
                <img src="images/member-img3.jpg" width="105" height="70" alt="" />
                <h5>UPLIFTINGFAITH72</h5></div>
                <div class="gallery-submit"><a href="#">SEARCH FOR MORE PROFILES</a></div>
            </div>
          </div>
          <div class="member-area-bottom"><img src="images/member-area-bottom-curve.gif" width="436" height="17" alt="" /></div>
        </div>
        <!-- Member Area start here end here --> 
      </div>
      <!-- Top Lower Middle section end here --> 
      
      <!-- Top Lower Right section start here -->
      <div class="top-lower-right"> 
        <!-- Member slide show section start here -->
        <div class="member-slide-div">
          <div class="member-slide-top">
            <h2>Member Slideshow</h2>
            <span><img src="images/member-img.jpg" width="189" height="128" alt="" /><br />
            <h5>CUTEMOMMA35</h5>
            </span>
            <div><a href="#">« BACK</a></div>
            <div><a href="#">NEXT »</a></div>
          </div>
          <div class="member-slide-bottom"><img src="images/right-bottom-curve.gif" width="280" height="15" alt="" /></div>
        </div>
        <!-- Member slide show section start here --> 
        <!-- Right Article section start here -->
        <div class="right-article-div">
          <div class="right-article-top">
            <div id="dolphincontainer">
              <div id="dolphinnav">
                <ul>
                  <li><a href="#" rel="over">Success Stories</a></li>
                  <li><a href="#" rel="joey">Latest Articles</a></li>
                </ul>
              </div>
              
              <!-- Sub Menus container. Do not remove -->
              <div id="dolphin_inner"> 
                <!-- Tab 1 content -->
                <div id="over" class="innercontent">
                   <p>"I met someone who I thought I lost, but since my 4th day on here we have been talking ever since."</p>
                   <hr />
                  <h3><a href="#">MORE SUCCESS STORIES<br />
Tell us about your success story</a></h3>
                </div>
                <!-- Tab 1 content --> 
                <!-- Tab 2 content -->
                <div id="joey" class="innercontent">
                  <p>"I met someone who I thought I lost, but since my 4th day on here we have been talking ever since."</p>
                </div>
                <!-- Tab 2 content --> 
                
                <!-- End Sub Menus container --> 
              </div>
            </div>
            <script type="text/javascript">

//dolphintabs.init("ID_OF_TAB_MENU_ITSELF", SELECTED_INDEX)
dolphintabs.init("dolphinnav", 1)

</script> 
          </div>
          <div class="right-article-bottom"><img src="images/right-bottom-curve.gif" width="280" height="15" alt="" /></div>
        </div>
        <!-- Right Article  section start here --> 
        <!-- Right bottom header image section start here -->
        <div class="right-specialoffer"><img src="images/right-header-bottom-img.png" width="280" height="189" alt="" /></div>
        <!-- Right bottom header image section end here --> 
      </div>
      <!-- Top Lower Right section end here --> 
    </div>
    <!-- Top lower section end here--> 
  </div>
  <!-- Top section end here --> 
  
  <!-- Footer section start here -->
  <div class="bottom-div"> 
    <!-- Bottom-nav start here -->
    <div class="bottom-nav">
      <div id="bottom-nav">
        <ul>
          <li><a href="#">home</a></li>
          <li><a href="#">magazine</a></li>
          <li><a href="#">contact us</a></li>
          <li><a href="#">billing</a></li>
          <li><a href="#">success stories</a></li>
          <li><a href="#">careers</a></li>
          <li><a href="#">about</a></li>
          <li><a href="#">advertise with us</a></li>
          <li><a href="#">search</a></li>
          <li><a href="#">join now</a></li>
          <li><a href="#">terms</a></li>
          <li><a href="#">privacy policy</a></li>
          <li><a href="#">site map</a></li>
        </ul>
      </div>
    </div>
    <!-- Bottom-nav end here --> 
    
    <!-- Copyright section start here-->
    <div class="copyright"> 
      <!-- Copyright left section start here-->
      <div class="copyright-left">© 2010, Your Company Name. All rights reserved.</div>
      <!-- Copyright left section start here --> 
      <!-- Copyright right section start here -->
      <div class="copyright-right"> Website designed and maintained by Espiritu Corporation. <a href="http://www.espirituwebsolutions.com/" target="_blank"><img src="images/espiritu-logo.png" alt="www.espirituwebsolutions.com" title="www.espirituwebsolutions.com" width="16" height="15" border="0" /></a></div>
      <!-- Copyright right section start here --> 
    </div>
    <!-- Copyright section end hrere--> 
  </div>
  <!-- Footer section end here --> 
</div>
<!-- Parent div end here-->
</body>
</html>
